<script setup>
</script>

<template>
  <!-- 使用 router-view 渲染组件 -->
  <router-view v-slot="{ Component }">
    <div style="height: 100%;">
      <!--  组件切换的时候，加上过渡效果  -->
      <transition>
        <!--   这里显示具体的组件内容   -->
        <component :is="Component"/>
      </transition>
    </div>
  </router-view>
</template>

<style>
body {
  margin: 0;
  padding: 0;
}
</style>